<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <script src="/assets/js/particles.min.js"></script>
  <script src="/assets/js/main_blog_index.js"></script>
  <script src="/assets/js/sweet-scroll.min.js"></script>
  <title>My Blog   -- Rushiera </title>
  <link rel="stylesheet" href="/assets/css/main.css">
  <link rel="stylesheet" href="/assets/css/myblogstyle.css">
  <link rel="shortcut icon" type="image/png" href="https://imglink.win/image/2020/06/16/ytGp1.png" >
</head>
<body onscroll="backtop()">
 
  <div id="particles-js" style="height: 2400px;width: 100%;">
    <canvas class="particles-js-canvas-el"></canvas>
   <!--  .particles-js-canvas-el100{width:100%!important;height:100vh!important}
  需在css里定义,以指定canvas的绝对高宽,否则canvas的高宽将由js定义并保持始终占用整个界面-->



<table class="nav">
<td><a href="#top"></a></td><td></td><td></td><td></td>
  <td><a href="/index.html"><img src="https://imglink.win/image/2020/06/16/ytbwB.png" alt="转到首页"></a></td> </th><td></td></th><td></td></th><td></td>
  <th style="background-color: red;" ><a href="/myblog/index.html" style="color: white;"><i class="fa fa-home"> 首页</i></a></th> <td></td>
  <th><a href="#" style="color: white;"><i class="fa fa-wrench"> 工具</i></a>  </th><td></td>
  <th><a href="#" style="color: white;"><i class="fa fa-taxi"> 资源</i></a>  </th><td></td>
  <th><a href="#" style="color: white;"><i class="fa fa-cube"> 归档</i></a>  </th><td></td>
  <th><a href="#" style="color: white;"><i class="fa fa-home"> 教程</i></a>  </th><td></td>
  <th><a href="#" style="color: white;"><i class="fa fa-envelope"> 留言板</i></a></th><td></td>

</table>


<style>
  .div{
    overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
    background-color: rgba(255, 255, 255, 0.582);
  }
</style>


<a href="./text/index.html" class="div" style="top: 15%;">尝试全站自建:从0开始的博客</a>

<a href="../Pworld.html" class="div" style="top: 22%;">世界计划 - Project World 特设Web</a>

<a href="#" class="div" style="top: 29%;">全流程制作记录（世界计划）</a>














<footer class="footer" >
  <a class="down" href="#top" data-scroll style="top: 0%; display: none;"id="back-top"><i class="icon fa fa-chevron-up" aria-hidden="true"></i></a>
  <p>&copy; Rushiera - Shieraru</p>
  <p>Based to on the <span class="love"><i class="icon fa fa-github-alt" aria-hidden="true"></i></span>  <a href="https://pages.github.com/">Github Pages</a></p>
</footer>

</div>
</body>
</html>


<script>
function backtop(){
  var nv = document.getElementById("back-top");
    var htmltop = document.documentElement.scrollTop;
    if (htmltop < 200){

        nv.style.display="none";
    }else{
      nv.style.display="block"; 
    }
}

//替换footer为gitee相关代码
if( location.hostname==("rushiera.gitee.io")){
  var footerObj = document.getElementsByClassName("footer");
    var pListObj = footerObj[0].getElementsByTagName("p");
    var iListObj = footerObj[0].getElementsByTagName("i");
    pListObj[1].innerHTML = '<p>Entrusted to the <span class="love"><i class="icon fa fa-handshake-o" aria-hidden="true"></i></span>  <a href="https://gitee.com/help/articles/4136">Gitee Pages</a></p>';
    iListObj[1].style.color="rgb(255,40, 40)";
}

</script>